<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
</head>
<style>
 *{
    padding:0;margin:0;

 }
 .aaa{
    margin: 200px;
 }
 .ellipsis {
  white-space: nowrap; /* 保持文本在一行内 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  width: 200px; /* 设置一个固定的宽度 */
}
</style>
<body>
    <div class="ellipsis">
    ssssss
   </div>
    <span>
        aaaaaaaa
    </span>
    <span style="position: absolute;">
        bbbbbbbb
    </span>
    <span >
        ccccccccc
    </span>

    <div style="position: absolute;">dddddddd</div>
    <div>eeeeeeee</div>

    <div>ffffffff</div>
    <div style="position: absolute;">gggggggggg</div>
    <div style="position: absolute;">hhhhhhhh</div>
</body>
<script>
 
    
</script>
</html>
